<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>测试</title>
<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/js/jquery-1.6.2.js"></script>
<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/js/jquery.ui.core.js"></script>
<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/js/jquery.ui.widget.js"></script>
<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/js/jquery.ui.mouse.js"></script>
<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/js/jquery.ui.sortable.js"></script>
<script type="text/javascript" language="javascript" src="<%=request.getContextPath()%>/js/jquery.cookies.2.2.0.js"></script>
<link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/css/index.css">
<link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/css/demos.css">
<style>
.plate {
	float: left;
	width:96%;
	margin-bottom:10px;
	border: solid 1px red;
}

.column {
	float: left;
	border: solid 1px #adaada;
}

.w1 {
	width: 500px;
	margin-right: 15px;
	padding: 10px;
}

.w2 {
	width: 150px;
	margin-right: 15px;
	padding: 10px;
}

.w3 {
	width: 300px;
	padding: 10px;
}

.portlet {
	margin: 0 1em 1em 0;
}

.portlet-header {
	margin: 0.3em;
	padding-bottom: 4px;
	padding-left: 0.2em;
}

.portlet-header .ui-icon {
	float: right;
}

.portlet-content {
	padding: 0.4em;
}

.ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;
}

.ui-sortable-placeholder * {
	visibility: hidden;
}
</style>
<script type="text/javascript">
$(function(){
	$(".plate").sortable({
		connectWith: ".plate"
	});

	$( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
	.find( ".portlet-header" ).addClass( "ui-widget-header ui-corner-all" ).end().find( ".portlet-content" );
	
	$(".plate").disableSelection();
});
</script>
</head>

<body>
<div class="big">
	<div class="plate w1">
		<!--业务应用 -->
		<div class="cont_apps portlet">
			<div class="portlet-header">
				<div class="cont_one">
					<div class="cont_oneleft">业务应用</div>
					<div class="cont_oneright"></div>
					<div class="clear"></div>
				</div>
				<div class="bg_huiright"></div>
				<div class="clear"></div>
			</div>
			<div class="cont_two portlet-content" >
				 <ul>
				 	<li><span></span><a href="<%=request.getContextPath()%>/main/apps/ztry/index.jsp" target="_self">全国在逃人口信息</a><b>&nbsp;</b><div class="clear"></div></li>
				 	<li><span></span><a href="<%=request.getContextPath()%>/main/apps/wbswry/index.jsp" target="_self">网吧上网人员信息</a><b>&nbsp;</b><div class="clear"></div></li>
				 	<li><span></span><a href="<%=request.getContextPath()%>/main/apps/bdqjdc/index.jsp" target="_self">全国被盗抢机动车信息</a><b>&nbsp;</b><div class="clear"></div></li>
				 </ul>
			</div>
		</div>
		<!-- 通知公告 -->
		<div class="cont_tongzhi portlet">
			<div class="portlet-header">
				<div class="cont_one">
					<div class="cont_oneleft">通知公告</div>
					<div class="cont_oneright">通知公告记录区域</div>
					<div class="clear"></div>
				</div>
				<div class="bg_huiright"></div>
				<div class="clear"></div>
			</div>
			<div class="cont_two portlet-content" id="curt_bulletin"></div>
		</div>
		<!-- 
		<div class="clear"></div>
		 -->
	</div>
	
	<div class="plate w1">
		<!-- 文件共享 -->
		<div class="cont_fileshare portlet">
			<div class="portlet-header">
				<div class="cont_one">
					<div class="cont_oneleft">文件共享</div>
					<div class="cont_oneright">文件共享记录区域</div>
					<div class="clear"></div>
				</div>
				<div class="bg_huiright"></div>
				<div class="clear"></div>
			</div>
			<div class="cont_two portlet-content" id="curt_sharefile"></div>
		</div>
		<!-- 意见反馈 -->
		<div class="cont_yijian portlet">
			<div class="portlet-header">
				<div class="cont_one">
					<div class="cont_oneleft">意见反馈</div>
					<div class="cont_oneright">意见反馈记录区域</div>
					<div class="clear"></div>
				</div>
				<div class="bg_huiright"></div>
				<div class="clear"></div>
			</div>
			<div class="cont_two portlet-content" id="curt_feedback" ></div>
		</div>
	</div>
	<div class="clear"></div>
</div>
</body>
</html>